<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>welcome to my loggin page</h3>
<hr>
<h4 th:text="${msg}" style="color: red"></h4>
<form method="post" action="/testShiro/login">
    用户名:<input type="text" name="username"><br>
    密码:<input type="password" name="password"><br>
    登陆:<input type="submit" value="登陆">
</form>
</body>
</html>


<!--<head>-->
<!--    <meta charset="utf-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
<!--    <title>开始使用layui</title>-->
<!--    <link rel="stylesheet" href="../css/layui.css">-->
<!--    <link rel="stylesheet"  href="../css/register02.css">-->
<!--    <link rel="stylesheet" href="../css/register.css">-->
<!--        <script type="text/javascript" src="../lay/jQuery.js"></script>-->


<!--    <script>-->
<!--        function photo() {-->
<!--            document.getElementById("LAY-user-get-vercode").src="../VerificationCode.do?" + new Date().getTime();-->
<!--        }-->
<!--    </script>-->
<!--    <script>-->
<!--        window.onload=function(){-->
<!--            photo();-->
<!--        }-->
<!--    </script>-->
<!--    <script type="text/javascript">-->
<!--        function login() {-->
<!--            photo();-->
<!--            if ($("#LAY-user-login-username").val()==null||$("#LAY-user-login-username").val()==" "||$("#LAY-user-login-password").val()==null||$("#LAY-user-login-password").val()==" "|| $("#LAY-user-login-vercode").val()==null|| $("#LAY-user-login-vercode").val()==" ") {-->
<!--                alert("所有输入框都不能为空或者空格");-->
<!--            } else {-->
<!--                $.ajax({-->
<!--                    url: "../LoginServlet.do",-->
<!--                    type: "post",-->
<!--                    data: {-->
<!--                        username: $("#LAY-user-login-username").val(),-->
<!--                        password: $("#LAY-user-login-password").val(),-->
<!--                        photomessahes: $("#LAY-user-login-vercode").val(),-->
<!--                    },-->
<!--                    dataType: "text",-->
<!--                    success: function (data) {-->
<!--                        console.log("success");-->
<!--                        window.location.href = "home.jsp"-->

<!--                    },-->
<!--                    error: function () {-->
<!--                        document.getElementById("errormessages").innerText = "账号或者密码或者验证码不正确";-->
<!--                    },-->
<!--                    async:false-->
<!--                });-->

<!--            }-->
<!--        }-->
<!--    </script> <script src="../lay/jQuery.js"></script>-->

<!--</head>-->
<!--<body layadmin-themealias="default">-->
<!--666-->
<!--<form method="post" action="/testShiro/login">-->


<!--    <div class="layadmin-user-login-main">-->



<!--        <h2>管理系统</h2>-->
<!--        <p> yyy官方出品的单页面后台管理模板系统</p>-->

<!--    </div>-->

<!--    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">-->
<!--        <div class="layui-form-item">-->
<!--            <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>-->
<!--            <input type="text" name="username" id="LAY-user-login-username" lay-verify="required"  placeholder="用户名" class="layui-input" onblur ="checkUsername()" >-->
<!--        </div>-->
<!--        <div class="layui-form-item">-->
<!--            <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-password"></label>-->
<!--            <input type="text" name="username" id="LAY-user-login-password" lay-verify="required"  placeholder="密码" class="layui-input"  >-->
<!--        </div>-->

<!--    </div>-->


<!--    <div class="layui-form-item">-->
<!--        <div class="layui-row">-->
<!--            <div class="layui-col-xs7">-->
<!--                <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>-->
<!--                <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">-->

<!--            </div>-->
<!--            <div class="layui-col-xs5">-->
<!--                <div style="margin-left: 10px;">-->


<!--                    <img src="../VerificationCode" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode" onclick="photo()">-->



<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="layui-form-item">-->
<!--        &lt;!&ndash;<button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="LAY-user-login-submit" onclick="login()">登 入</button>&ndash;&gt;-->
<!--        :<input class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="LAY-user-login-submit"  type="submit" value="登陆">-->
<!--    </div>-->

<!--</div>-->
<!--</form>-->




<!--<div class="ladmin-user-login-theme">-->
<!--    <script type="text/html" template>-->
<!--        <ul>-->
<!--            <li data-theme=""><img src="{{ layui.setter.base }}style/res/bg-none.jpg"></li>-->
<!--            <li data-theme="#03152A" style="background-color: #03152A;"></li>-->
<!--            <li data-theme="#2E241B" style="background-color: #2E241B;"></li>-->
<!--            <li data-theme="#50314F" style="background-color: #50314F;"></li>-->
<!--            <li data-theme="#344058" style="background-color: #344058;"></li>-->
<!--            <li data-theme="#20222A" style="background-color: #20222A;"></li>-->
<!--        </ul>-->
<!--    </script>-->
<!--</div>-->
<!--</div>-->

<!--<script src="../layui.js"></script>-->
<!--<script type="text/javascript" src="${pageContext.request.contextPath}/lay/jQuery.js"></script>-->
<!--<script type="text/javascript">-->
<!--    function checkUsername(){-->
<!--        // console.log("ss");-->
<!--        // var reg = /^[a-zA-Z][\w]{5,9}$/;-->
<!--        // console.log("aa")-->
<!--        // var txtUsername= document.getElementById("LAY-user-login-username").value;-->
<!--        // console.log("txtUsername:"+txtUsername);-->
<!--        // console.log("var")-->
<!--        // if(!reg.GetPhoto(txtUsername)) {-->
<!--        //     document.getElementById("errormessages").innerText = "账号：6~10位字母";-->
<!--        // }else{-->
<!--        //     console.log("error")-->
<!--        // }-->

<!--    }-->
<!--</script>-->

<!--<style id="LAY_layadmin_theme">.layui-side-menu,.layadmin-pagetabs .layui-tab-title li:after,.layadmin-pagetabs .layui-tab-title li.layui-this:after,.layui-layer-admin .layui-layer-title,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#20222A !important;}.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#009688 !important;}.layui-layout-admin .layui-logo{background-color:#20222A !important;}</style><div class="layui-layer-move"></div>-->
<!--</body>-->

<!--</html>-->